<template>
  <div>{{name}}</div>
</template>

<script>
// 导入 封装的storage
import Storage from '../storage/index';

export default {
  name: "index",
  data() {
    return {
      name: "lkx"
    };
  },
  created() {},
  mounted() {
    // 先创建几个:传统方法
    let val = window.sessionStorage;
    val.setItem("list2", JSON.stringify({ "user":{"age":17,"name":"刘凯欣"} }));
    val.setItem("list", JSON.stringify({ "user":{"age":17,"name":"刘凯欣"},"password":"1234" }));
    // 使用封装的方法
    // 创建  一级 
    Storage.setItem("list3",{ "user":{"age":17,"name":"刘凯欣"} });
    // 获取  一级中的某个属性
    let b = Storage.getItem("list2","user");
    console.log(b);
    
    // 添加-给一级中的 某个属性为一个对象，在增加属性名称和值
    // 给 list2 中的user 属性 再次 赋值 在里面填写 一个属性名和值;
    Storage.setItem("company2","张家口公司","list2","user");

     // Storage.clear("list"); 删除 list 
    // Storage.clear("list","password"); 删除 list中的password
    // 删除list中 user中的age属性：
    Storage.clear("list","user","age") 

  }
};
</script>

<style lang="scss" scoped>
</style>